@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px; vertical-align: middle;}
html, body {height: 100%; background-color: #f6f6f6;}

.pag {position: relative; display: block; height: 100%; text-align: center; font-family: Arial; font-size: 12px; color: #777777;}

.pag_banner {position: relative; display: block; padding: 5px; background-color: #ffffff;}
.pag_usuario {position: relative; display: block; padding: 5px; background-color: #c1e1ed; border-top: 1px solid #abc7d2; border-bottom: 1px solid #abc7d2;}
.pag_menu {position: relative; display: block; background-color: #ffffff; border-bottom: 4px solid #0265a9; z-index: 10;}
.pag_body {position: relative; display: inline-block; padding: 10px; margin-bottom: 10px; background-color: #ffffff;
border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}
/*.pag_body {position: relative; display: block; padding: 10px; min-height: 70%; background-color: #ffffff;
border: 1px solid #d2d2d2; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}*/
.pag_foot {position: relative; display: block; line-height: 57px; background-color: #444444; border: 1px solid #000;}

/*Inicio [banner]*/
.pag_banner .titulo {position: relative; display: inline-block; font-size: 30px;}
/*Fim [banner]*/

/*Inicio [usuario]*/
.pag_usuario .logo {position: relative; display: inline-block;}
.pag_usuario .logo img {width: 60px;}
.pag_usuario .grupo {position: absolute; display: inline-block; top: -6px; right: 0px;}
.pag_usuario .grupo .nome {position: relative; display: inline-block; padding: 10px; margin-right: 5px; color: #025198; border-right: 1px solid #b7d6e1;}
/*Fim [usuario]*/

/*Inicio [menu]*/
.pag_menu ul {position: relative; display: block; list-style: none; clear: both;}
.pag_menu ul li {position: relative; display: inline-block; float: left;}
.pag_menu ul li a {position: relative; display: inline-block; padding: 10px; text-decoration: none; font-size: 14px; color: #777; border: 1px solid #fff; border-top: none; border-bottom: none; cursor: pointer;}
.pag_menu ul li a:hover {color: #444; background-color: #eee; border: 1px solid #dfdfdf; border-top: none; border-bottom: none;}
.pag_menu .sel {color: #fff; background: url(../imgs/grad_inv.png) repeat-x top; background-color: #0265a9;}
.pag_menu .sel:hover {color: #fff; background-color: #0265a9;}
/*Fim [menu]*/

/*Inicio [body]*/
.pag_body .titulo {position: relative; display: block; padding: 10px 0px; color: #444;}
.pag_body .subtitulo {position: relative; display: block; padding: 5px 0px;}
.pag_body .titulo .ball {margin-right: 3px; *margin-right: 5px;}
/*Fim [body]*/

/*Inicio [foot]*/
.pag_foot a {position: relative; display: inline-block; margin: 0px 10px; text-decoration: none; font-size: 14px; color: #fff;}
/*Fim [foot]*/

/*Inicio [lightbox]*/
.lightbox {position: absolute; display: inline-block; width: 980px; padding: 10px; font-family: Arial; color: #777; background-color: #fff; border: 3px solid #d2d2d2;
border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 5px 8px #333; -webkit-box-shadow: 0px 5px 8px #333; box-shadow: 0px 5px 8px #333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333')";}
.lightbox .titulo {position: relative; display: block; padding: 5px 0px; color: #444;}
.lightbox .titulo h1 {margin-right: 40px;}
.lightbox .subtitulo {position: relative; display: block; padding: 5px 0px;}
.lightbox .botoes {text-align: center;}
/*Fim [lightbox]*/

.normal {position: relative; display: block;}
.wrap {position: relative; display: inline-block; width: 1000px; text-align: left;}
.fixed {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10;}
.pointer {cursor: pointer;}

h1 {position: relative; display: inline; font-size: 20px;}
h2 {position: relative; display: inline; font-size: 13px;}
h3 {position: relative; display: inline; font-size: 12px;}

input {padding: 3px; color: #444444; border: 1px solid #cccccc;}
select {padding: 3px; color: #444444; border: 1px solid #cccccc;}

.hr {position: relative; display: block; padding-top: 1px; background-color: #eee;}

.link {position: relative; display: inline-block; color: #777777; text-decoration: underline;}
.link:hover {color: #444444;}

/*Inicio [logar]*/
.tab_box {position: relative; width: 100%; height: 100%;}
/*.box {position: relative; display: inline-block; padding: 5px; background-color: #ffffff; border: 1px solid #cccccc;}*/
.box {position: relative; display: inline-block; padding: 10px; margin: 20px 0px; background-color: #ffffff;
border: 1px solid #d2d2d2; border-radius: 10px; -moz-border-radius: 10px; -moz-box-shadow: 0px 1px 2px #e8e8e8; -webkit-box-shadow: 0px 1px 1px #e8e8e8; box-shadow: 0px 1px 1px #e8e8e8; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#e8e8e8')";}
.box .head {position: relative; display: inline-block; padding: 10px;}
.box .logo {position: relative; display: inline-block;}
.box .titulo {position: relative; display: inline-block; margin-left: 10px; color: #444444;}
/*Fim [logar]*/

.form {position: relative; display: block; padding: 20px;}

.item {position: relative; display: inline-block; padding: 10px; text-align: left; vertical-align: bottom;}
.item .lbl {position: relative; display: inline-block; padding: 5px 10px; background-color: #f2f2f2; border: 1px solid #e0e0e0; border-bottom: none; border-radius: 10px 10px 0px 0px; moz-border-radius: 10px 10px 0px 0px;}
.item .lbl input[type='checkbox'] {margin-right: 5px; border: none;}
.item .inp {position: relative; display: block;}
.item .inp input {position: relative; display: inline-block; width: 290px;}
.item .inp select {position: relative; display: inline-block; width: 298px;}
.item .inp select[multiple] {height: 150px;}
.item .inp .select {position: relative; display: inline-block; width: 285px; height: 136px; padding: 5px; overflow: auto; border: 1px solid #cccccc;}
.item .inp .select .opt {position: relative; display: block; padding: 5px;}
.item .inp .select input[type='checkbox'] {position: absolute; top: 5px; left: 5px; margin-right: 5px; width: auto; border: none;}
.item .inp .select .txt {position: relative; display: inline-block; margin-left: 25px; font-size: 12px; color: #444;}
.item .botao {margin: 0px 1px; line-height: 13px;}

.resumo {position: relative; display: block;}
.resumo .quad {padding: 5px; margin: 10px 5px; background-color: #f2f2f2; border: 1px solid #d7d7d7;}
.resumo .quad .txt {display: block;}

.quad {position: relative; display: inline-block;}
.quad .lbl {position: relative; display: inline-block; padding: 3px; font-weight: normal;}
.quad .txt {position: relative; display: inline-block; padding: 3px; color: #444;}

.lista {position: relative; display: inline-block;}
.lista .quad {position: relative; display: block; margin: 2px;}

.grafico {position: relative; display: inline-block; margin-left: 40px; text-align: center;}
.grafico .quad {padding: 10px 20px; margin: 5px; min-width: 80px; background-color: #eee; border: 1px solid #ccc; cursor: pointer;}
.grafico .quad .lbl {display: block; margin-bottom: 10px;}
.grafico .quad .txt {display: block;}

/*Inicio [filtro]*/
.filtro {position: absolute; display: inline-block; top: 5px; right: 2px;}
/*Fim [filtro]*/

/*Inicio [tabela]*/
.tabela {position: relative; width: 100%; border: 0px solid #eee; border-bottom: 1px solid #eee; 
-moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 1px #ccc; box-shadow: 0px 1px 1px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#cccccc')";}
.tabela .head td {text-align: center; white-space: nowrap; background-color: #e4efff; border: 1px solid #c0d9ff;}
.tabela td {padding: 5px; text-align: center; background-color: #fff; border-top: 1px solid #eee;}
/*Fim [tabela]*/

/*Inicio [paginacao]*/
.paginacao {position: relative; display: block; text-align: center;}
.paginacao .grupo {position: relative; display: inline-block; text-align: center;}
.paginacao a {position: relative; display: inline-block; padding: 5px 10px; float: left; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; color: #777; background-color: #f2f2f2; border: 1px solid #ccc; 
-moz-box-shadow: 0px 1px 2px #dcdbdb; -webkit-box-shadow: 0px 1px 1px #dcdbdb; box-shadow: 0px 1px 1px #dcdbdb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#dcdbdb')";}
.paginacao .sel {background-color: #e4efff; border: 1px solid #c0d9ff;}
.paginacao a:hover {background-color: #f8f8f8;}
.paginacao .sel:hover {background-color: #e4efff; border: 1px solid #c0d9ff;}
/*Fim [paginacao]*/

/*Inicio [botoes]*/
.botoes {position: relative; display: block; padding: 10px; padding-top: 20px; text-align: right;}
.botao {position: relative; display: inline-block; padding: 5px 10px; margin: 2px 1px; line-height: 18px; text-align: center; vertical-align: middle; font-family: Arial; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background-color: #4487fa; background: url(../imgs/grad.png) repeat-x bottom; background-color: #4487fa; /*background: url(/imgs/botao_fundo.gif) repeat-x left bottom #4487fa;*/ border: 1px solid #3e71c9; cursor: pointer; 
-moz-box-shadow: 0px 1px 2px #a0a0a0; -webkit-box-shadow: 0px 1px 1px #a0a0a0; box-shadow: 0px 1px 1px #a0a0a0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#a0a0a0')";}
.botao:hover {text-decoration: none; background: none; background-color: #4e8df9;}
.sair {position: relative; display: inline-block; padding: 5px 8px; margin: 2px 1px; line-height: 15px; text-align: center; vertical-align: middle; font-family: Arial; font-size: 11px; font-weight: bold; color: #2185b7; text-decoration: none; background-color: #fbfbfb; border: 1px solid #eeeeee; cursor: pointer;
-moz-box-shadow: 0px 1px 2px #a0a0a0; -webkit-box-shadow: 0px 1px 1px #a0a0a0; box-shadow: 0px 1px 1px #a0a0a0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#a0a0a0')";}
.sair:hover {text-decoration: none; background: none; background-color: #eee;}
.fechar {position: absolute; display: block; top: 50%; right: 2px; _right: -3%; margin-top: -13px;}
.botao_fechar {position: relative; display: inline-block; width: 25px; height: 25px; background: url(../imgs/fechar.gif) no-repeat center; cursor: pointer;}
/*Fim [botoes]*/

/*Inicio [icones]*/
.ball {position: relative; display: inline-block; padding: 6px; background: url(../imgs/ball.png) no-repeat center; background-color: #00aeef;}
/*.ball {position: relative; display: inline-block; padding: 7px; background: url(../imgs/ball.png) no-repeat center;}*/
.ico {padding: 5px; vertical-align: middle;}
.ico .txt {margin: 0px 3px;}
.logout {position: relative; display: inline-block; width: 12px; height: 12px; padding: 2px; background: url(../imgs/logout.png) no-repeat center;}
.gear {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -288px -1px;}
.edit {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -824px -1px;}
.del {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -73px -1px;}
.plus {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -1px -1px;}
.search {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -611px -1px;}
.seta_c {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-black.png) no-repeat -180px -1px;}
.undo {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -396px -1px;}
.info {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -539px -1px;}
/*.home {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/icons-18-white.png) no-repeat -575px -1px;}*/

.copy {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/copy.png) no-repeat center;}

.list {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/lista.png) no-repeat center;}
.save {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/save.png) no-repeat center;}
.comunicados {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/comunicado.png) no-repeat center;}
.contatos {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/contatos.png) no-repeat center;}
.templates {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/template.png) no-repeat center;}
.relatorios {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/relatorio.png) no-repeat center;}
.home {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/home.png) no-repeat center;}
.campanhas {position: relative; display: inline-block; width: 18px; height: 18px; background: url(../imgs/campanha.png) no-repeat center;}
/*Fim [icones]*/

/*Inicio [biblioteca]*/
/*Inicio [menu]*/
.bi_menu {position: absolute; display: block; background-color: #fff; border: 1px solid #ccc; -moz-box-shadow: 1px 1px 3px #bebebe; -webkit-box-shadow: 1px 1px 3px #bebebe; box-shadow: 1px 1px 3px #bebebe;}
.bi_menu a {position: relative; display: block; padding: 10px 20px; text-align: left; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; color: #777; border: 1px solid #fff; border-left: none; border-right: none; cursor: pointer;}
.bi_menu a:hover{background-color: #f2f2f2; border: 1px solid #ebebeb; border-left: none; border-right: none;}
/*Fim [menu]*/

/* Inicio [tooltip] */
.tooltip {z-index: 600;}
.tooltip .texto {position: relative; display: block; padding: 5px 15px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background-color: #4e8df9; border: 1px solid #3e77da;}
.tooltip .baixo {position: relative; display: inline-block; top: -2px; width: 20px; height: 17px; background: url(../imgs/seta.png) no-repeat center center;}

.tooltip table td {padding: 5px; text-align: left; border-bottom: 1px solid #659dfd;}
.tooltip table .lbl {text-align: right;}

.t_a .texto {color: #777; background-color: #fff; border-color: #ccc;}
.t_a .baixo {top: -3px; background: url(../imgs/seta_a.png) no-repeat center center;}
/* Fim [tooltip] */
/*Fim [biblioteca]*/

/*Inicio [pag_home]*/
.pag_home .ball {background-color: #0265a9;}
.pag_home .pag_menu {border-bottom-color: #0265a9;}
.pag_home .pag_menu .sel {background-color: #0265a9;}
.pag_home .botao {background-color: #0265a9; border-color: #025085;}
.pag_home .botao:hover {background-color: #0265a9;}
/*Fim [pag_home]*/

/*Inicio pag_contato*/
.pag_contato .ball {background-color: #00aeef;}
.pag_contato .pag_menu {border-bottom-color: #00aeef;}
.pag_contato .pag_menu .sel {background-color: #00aeef;}

.grafico .quad_contato {background: url(../imgs/grad.png) repeat-x bottom; background-color: #00aeef; border-color: #0090c6;}
.grafico .quad_contato h3 {color: #fff;}
/*Fim pag_contato*/

/*Inicio pag_campanha*/
.pag_campanha .ball {background-color: #de1c7c;}
.pag_campanha .pag_menu {border-bottom-color: #de1c7c;}
.pag_campanha .pag_menu .sel {background-color: #de1c7c;}
.pag_campanha .botao {background-color: #de1c7c; border-color: #b81767;}
.pag_campanha .botao:hover {background-color: #de1c7c;}

.pag_campanha .tabela .head td {background-color: #ffe4df; border-color: #e9d0cc;}
.pag_campanha .paginacao .sel {background-color: #ffe4df; border-color: #e9d0cc;}

.grafico .quad_campanha {background-color: #de1c7c; border-color: #b81767;}
.grafico .quad_campanha h3 {color: #fff;}
.grafico .quad_campanha {background: url(../imgs/grad.png) repeat-x bottom; background-color: #323a45; border-color: #191d22;}
/*Fim pag_campanha*/

/*Inicio [pag_comunicado]*/
.pag_comunicado .ball {background-color: #df2126;}
.pag_comunicado .pag_menu {border-bottom-color: #df2126;}
.pag_comunicado .pag_menu .sel {background-color: #df2126;}
.pag_comunicado .botao {background-color: #df2126; border-color: #af1a1e;}
.pag_comunicado .botao:hover {background-color: #ff262b;}

.pag_comunicado .tabela .head td {background-color: #ffe4df; border-color: #e9d0cc;}
.pag_comunicado .paginacao .sel {background-color: #ffe4df; border-color: #e9d0cc;}

.grafico .quad_comunicado {background: url(../imgs/grad.png) repeat-x bottom; background-color: #df2126; border-color: #af1a1e;}
.grafico .quad_comunicado h3 {color: #fff;}

/*.grafico .quad_comunicado {background-color: #f9bf00; border-color: #d2a100;}*/
/*Fim [pag_comunicado]*/

/*Inicio [pag_template]*/
.pag_template .ball {background-color: #772cb0;}
.pag_template .pag_menu {border-bottom-color: #772cb0;}
.pag_template .pag_menu .sel {background-color: #772cb0;}
.pag_template .botao {background-color: #772cb0; border-color: #55207e;}
.pag_template .botao:hover {background-color: #772cb0;}

/*.grafico .quad_template {background-color: #f27935; border-color: #bf5f2a;}*/
.grafico .quad_template {background: url(../imgs/grad.png) repeat-x bottom; background-color: #772cb0; border-color: #55207e;}
.grafico .quad_template h3 {color: #fff;}
/*Fim [pag_template]*/

/*Inicio [pag_relatorio]*/
.pag_relatorio .ball {background-color: #34d80d;}
.pag_relatorio .pag_menu {border-bottom-color: #34d80d;}
.pag_relatorio .pag_menu .sel {background-color: #34d80d;}
.pag_relatorio .botao {background-color: #34d80d; border-color: #2dbc0c;}
.pag_relatorio .botao:hover {background-color: #38ea0e;}

.pag_relatorio .tabela .head td {background-color: #cfffba; border-color: #b3dca0;}
.pag_relatorio .paginacao .sel {background-color: #cfffba; border-color: #b3dca0;}

.grafico .sel {color: #fff; background-color: #34d80d; border-color: #2dbc0c;}
.grafico .sel h1 {color: #fff;}
/*Fim [pag_relatorio]*/